<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>网赢集团</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/default.css"/>
		<link rel="stylesheet" type="text/css" href="css/shopDetail.css"/>
	</head>

	<body>
		<div class="mui-content">
			<header class="mui-bar mui-bar-nav">
				<a href="index.html" class="mui-icon mui-icon-arrowleft mui-pull-left"></a>
				<h1 class="mui-title">商品详情</h1>
			</header>
			<img class="banner-img" src="img/itemeg.jpg" alt="" />
			<div class="shop-title">
				<div class="title-name">培训教育系统</div>
				<div class="shop-price"><span class="true-price">￥9999.00元</span><span class="price">价格：￥11998.80元</span></div>
				<div class="flex-box">
					<span class="flex-item">折扣:0折</span>
					<span class="flex-item">0人评价</span>
					<span class="flex-item">0人已付款</span>
				</div>
			</div>
			<ul class="mui-table-view">
			    <li class="mui-table-view-cell shop-sale">
			        <a class="mui-navigate-right"><span class="mui-icon mui-icon-gear"></span><span>购买此商品可使用：0</span></a>
			    </li>
			    <li class="mui-table-view-cell">
		        	<span class="number-box-title">购买数量</span>
		        	<span class="number-box">										
		        		<div class="mui-numbox" data-numbox-min="1" data-numbox-max='9'>
							<button class="mui-btn mui-btn-numbox-minus" type="button">-</button>
							<input id="test" class="mui-input-numbox" type="number" value="1" />
							<button class="mui-btn mui-btn-numbox-plus" type="button">+</button>
						</div>
		        	</span>
			    </li>
			    <li class="mui-table-view-cell">
			        <a class="mui-navigate-right"><span class="shop-choice">选择</span><span>系统配置、具体参数</span></a>
			    </li>
			</ul>
			<div class="ad-box">
				<span class="line line1"></span>
				<span><span class="mui-icon mui-icon-gear"></span>详情</span>
				<span class="line line2"></span>
			</div>
			<div class="content-details">
				<img src="img/eg1.png" alt="" />
				<img src="img/eg2.png" alt="" />
				<img src="img/eg3.png" alt="" />
				<img src="img/eg4.png" alt="" />
			</div>
			<div class="mui-bar mui-bar-tab">
				<a class="mui-tab-item index">
					<span class="mui-icon mui-icon-home"></span>
					<span class="mui-tab-label">首页</span>
				</a>
				<a class="mui-tab-item shoucang">
					<span class="mui-icon mui-icon-phone"></span>
					<span class="mui-tab-label">收藏</span>
				</a>
				<a class="mui-tab-item gouwuche">
					<span class="mui-tab-label">加入购物车</span>
				</a>
				<a class="mui-tab-item goumai">
					<span class="mui-tab-label">立即购买</span>
				</a>
			</div>
		</div>
		
		
		<script src="js/mui.min.js"></script>
		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			mui.init()
		</script>
	</body>

</html>